.parent{
    position: relative;
    color: #565b5e;
    border-left: 2px solid transparent;
    border-bottom: 1px solid #bbb;
    padding: 6px 16px;
    width: 180px;
    height: 20px;
    background-color: #ccc;
}
.parent:hover,.parent-active{
    color: #AB1D5A;
    border-left: 2px solid #AB1D5A;
}
.parent>span:nth-child(1){
    position: absolute;
    font-size: 18px;
    left:25px;
    top:8px;
}
.parent>span:nth-child(2){
    position: absolute;
    left:60px;
    top:7px;
}
.parent>span:nth-child(3){
    position: absolute;
    font-size: 11px;
    right:25px;
    top:10px;
    color: #565b5e;
}
.box{
    overflow: hidden;
}
.child{
    color: #75767B;
    padding: 6px 36px;
    background-color: #ddd;
    border-bottom: 1px solid #eee;
}
.child:hover,.child-active{
    color: #AB1D5A;
}
.child>span:nth-child(1){
    margin-right: 12px;
}
.child>span:nth-child(2){

}
